<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
    .floatLeft{
        float: left;
        margin: -7px 6px 0 0;
        width: 90px;
    }
</style>
<body>
<div class="box">
    <div class="box-body">
        <div class="nav-tabs-custom">
            <ul class="nav nav-tabs pull-right">
                <li class="pull-right header">
                    <button type='button' class='btn btn-primary btn-sm btn-flat'
                            onclick='$("#workbench").load("count/monitorLocationCount.html");'>
                        <i class='glyphicon glyphicon-chevron-left'></i> 返回
                    </button>
                </li>
                <li class="pull-left header"><i class="fa fa-bar-chart"></i>监控箱统计柱状图</li>
            </ul>
            <div class="tab-content no-padding">
                <div class="chart tab-pane active" id="fault_picture">
                    <div class="box">
                        <div class="box-header with-border text-center">
                            <h3 class="box-title" style="margin-top: 10px;">
                                <div class='input-group input-group-sm'>
                                    <input type="text" class="form-control text-center floatLeft" id="timeLimit"
                                           readonly="readonly"
                                           style="width: 265px;height: 30px; margin: -7px 6px 0 0; font-size: 24px;font-weight: 500"/>
                                    <div class='input-group input-group-sm floatLeft' style="position: relative;left: -23px;">
                                        <button id="yearBtn" class="btn" style="height: 30px">整年</button>
                                    </div>
                                    <div class='input-group input-group-sm floatLeft'>
                                        <select class='form-control' id='provinceChoose'>
                                        </select>
                                    </div>
                                    <div id="tap" class='input-group input-group-sm floatLeft'>
                                        <select class='form-control' style='width: 90px' id='cityChoose'>

                                        </select>
                                    </div>
                                    <div class='input-group input-group-sm floatLeft'>
                                        <select class='form-control' style='width: 90px' id='areaChoose'>
                                        </select>
                                    </div>
                                    <div class='input-group input-group-sm floatLeft'>
                                        <select class='form-control' style='width: 90px' id='roadChoose'></select>
                                        <span class='input-group-btn'>
                                            <button class='btn btn-primary btn-flat' type='button' onclick=' $.getSignCounts();'>
                                            <i class='fa fa-search'></i>
                                            </button>
                                        </span>
                                    </div>
                                </div>
                                <span id="word">监控箱分类统计柱状图</span>
                            </h3>
                            <div class='input-group input-group-sm' style="float: right;">
                                <span id="orgSelect"></span>
                            </div>
                        </div>
                        <div class="box-body">
                            <div class="chart" id="barChartParent">
                                <canvas id="barChart" style="height:230px"></canvas>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="count/monitorStyleCount.js"></script>
</body>
</html>